/* CSS Document */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, textarea, p, blockquote, th, td, img{padding:0; margin:0;}
body{color:#666666;border:none; font:12px "宋体"; background:url(../images/body_bg.jpg) repeat;}
ol, ul ,li{list-style:none;}
img{border:0; vertical-align:middle;}
h1, h2, h3, h4, h5, h6, b{font-weight:normal; font-size:100%;}
a{text-decoration:none; color:#666666;}
a:hover{text-decoration:none; color:#008c2e;}
.left{ float:left;}
.right{ float:right;}
.clear{height:0;overflow:hidden;clear:both;}



/*header*/
.header{ background:url(../images/header_bg.jpg) repeat-x; width:100%; height:193px;}
.top0{ width:1000px; height:30px; margin:0 auto;}
.top0 .top0_left{ float:left; width:170px; height:30px;font:12px 'Arial'; color:#999999; line-height:30px; }
.top0 .top0_right{ float:right; width:290px; height:30px; line-height:30px;}
.top0 .top0_right ul li{ float:left; margin-left:15px;}
.top0 .top0_right ul li a{ font:12px 'Arial'; color:#999999; line-height:30px;}
.top0 .top0_right ul li{font: 12px 'Arial';
color: #999999; line-height:30px;}
.top0 .top0_right ul li a:hover{ color:#008c2e;}
.top1{ width:1000px; height:112px; margin:0 auto;}
.top1 .logo{ float:left;}
.top1 .logo img{ width:156px; height:112px;}
.top1 .top1p{ float:left; }
.top1 .top1p p{font:24px 'Arial'; color:#000000; height:47px; line-height:47px; border-left:1px solid #dedede; margin-top:35px; text-indent:10px;}
.nav{ width:1000px; height:48px; margin:0 auto; line-height:48px; position:relative; z-index:999}
.nav ul{ float:left;}
.nav ul li{ float:left; position:relative;}
.nav ul li a{ font:12px; color:#FFFFFF;line-height:48px;display:block; }
.nav ul li.home{ background:url(../images/home_bg.jpg) no-repeat; width:150px; height:48px;}
.nav ul li.home a{ padding:0 0 0 16px; height:48px;margin-left: 55px;}
.nav ul li.nav0 a{  width:110px; height:48px;}
.nav ul li a:hover{ background:#FFFFFF; color:#008c2e;}
.nav ul li.nav0 a:hover{width:106px; border-left:2px solid #e8e9e9; border-top:1px solid #e8e9e9; border-right:2px solid #e8e9e9;}
/*.nav ul li a:hover{ background:#FFFFFF; color:#008c2e;}
.nav ul li.nav0 a:hover{width:106px; border-left:2px solid #e8e9e9; border-top:1px solid #e8e9e9; border-right:2px solid #e8e9e9;}*/
.nav ul li.nhover a.navone{ background:#FFFFFF; color:#008c2e;}
.nav ul li.nhover a.navone{width:106px; border-left:2px solid #e8e9e9; border-top:1px solid #e8e9e9; border-right:2px solid #e8e9e9;}



.nav ul li.nav0  a {display:block;	text-decoration:none; text-align:center;overflow:hidden}
.nav ul li.nav0  ul { position:absolute; display:none;margin:0; width:108px; border-left:1px solid #e8e9e9; border-bottom:1px solid #e8e9e9; border-right:1px solid #e8e9e9; z-index:9999; background:#FFFFFF;}
.nav ul li.nav0  ul  li {float:none;position:relative; z-index:99999;}
.nav ul li.nav0  ul  li a{ font:12px; color:#666666; text-align:center; height:33px; line-height:33px;}
.nav ul li.nav0  ul  li a:hover{ color:#008c2e; border:none; width:108px;}





.nav .search{ float:right; width:220px; height:30px; background:url(../images/search.jpg) no-repeat; overflow:hidden; margin-top:9px;}
.nav .search .text{ float:left; border:none; background:transparent; width:183px; height:30px; line-height:30px; text-indent:10px;}
.nav .search .submit{ float:left; border:none; background:transparent; width:37px; height:30px; cursor:pointer;}



.main{ width:960px; margin:20px auto; background:#FFFFFF; padding:20px 20px 0 20px;}

.bar{ width:959px; height:355px; overflow:hidden;}
.bar .guo_ba_gund{ width:959px; height:355px; position:relative; z-index:0;}
.bar .guo_ba_gund img{ width:959px; height:355px;}
.bar .guo_ba_gund .hd{
    position: absolute;
    z-index: 1;
    bottom: 20px;
	left:50%;
	margin-left:-36px;}
.bar .guo_ba_gund .hd ul {
    float: left;
    list-style: outside none none;}
.bar .guo_ba_gund .hd ul li{
	z-index:5;
	cursor: pointer;
	background:url(../images/quan1.png) no-repeat;
	width: 13px;
	height:13px;
	float: left;
	margin-left:7px;}
.bar .guo_ba_gund .hd ul li.on{
	background:url(../images/quan2.png) no-repeat;}



.company{ width:960px; }
.company .title{ width:960px; height:45px; border-bottom:1px dashed #cccccc;}
.company .title h3{ float:left; font:14px 'Arial'; color:#08497f; height:46px; line-height:46px;background:url(../images/title_title.jpg) no-repeat;}
.company .title span{float:right; display:block; height:45px; width:42px; 
				 overflow:hidden; *line-height:45px;}

.company .title span a{ display:block; height:45px; width:42px; background:url(../images/more.jpg) right no-repeat;
}
.company .title span a:hover{ display:block; height:45px; width:42px; background:url(../images/more1.jpg) right no-repeat;
}

.cominfo{ margin-top:15px;}
.cominfo .cominfo_slide{ float:left;}
/*--略缩图，，大图切换--*/
.cominfo .cominfo_slide{ width:288px; height:228px; overflow:hidden;}
.cominfo_slide .bnspic {
    width: 288px;
    height: 214px;
    margin: 0px auto;
    overflow: hidden;
}
.cominfo_slide .bnspic a{display:block;}
.cominfo_slide .big_pic, .small_pic{float:left;}
.cominfo_slide .big_pic, .big_pic a, .big_pic img{width:212px;height:212px;}
.cominfo_slide .big_pic{overflow:hidden;position:relative;}
.cominfo_slide .big_pic li{position:absolute;top:0;left:0;opacity:0;-webkit-transform:scale(0.9);transform:scale(0.4);z-index:-1;transition:all linear 0.2s;}
.cominfo_slide .big_pic .on{opacity:1;-webkit-transform:scale(1);transform:scale(1);z-index:1;}
.cominfo_slide .big_pic a{position:relative;}
.cominfo_slide .big_pic a:hover .txt{color:#FFFFFF;}
.cominfo_slide .small_pic{width:50px;position:relative;left:14px;}
.cominfo_slide .small_pic a, .small_pic img{width:50px;height:50px;}
.cominfo_slide .small_pic a{padding:1px;background:#121013;transition:all ease .2s;}
.cominfo_slide .small_pic .on, .small_pic li:hover{position:relative;z-index:1;}
.cominfo_slide .small_pic .on a{background:#FACC16;}
.cominfo_slide .small_pic li{width:50px;height:50px;margin:0px 0 4px -1px;float:left;}

.clearfix:after, .anlist:after{content:""; display:block; clear:both;}
.clearfix, .anlist{zoom:1;}
/*.clear{height:0;overflow:hidden;clear:both;}*/
/*  end  */
.cominfo .com_detlie{ float:left; height:228px; width:422px; margin-left:34px;}
.cominfo .com_detlie .table td{ height:30px; font:12px 'Arial'; color:#474747;}
.cominfo .com_detlie .table td.tdone{ width:127xp;}

.cominfo .contact{ float:left; width:183px; height:214px; background:#f7f7f7; padding-left:30px;}
.cominfo .contact .contact1 a{ display:block; width:149px; height:39px; color:#2f6491; font:12px 'Arial'; background:url(../images/mshessie.jpg) no-repeat; line-height:39px; text-indent:23px;}
.cominfo .contact .contact1 a:hover{ color:#5192ca;}
.cominfo .contact .contact2 a{ display:block; width:149px; height:39px; color:#2f6491; font:12px 'Arial'; background:url(../images/chatwith.jpg) no-repeat;line-height:39px; text-indent:23px;}
.cominfo .contact .contact2 a:hover{ color:#5192ca;}
.cominfo .contact .contact3 a{ display:block; width:149px; height:39px; background:url(../images/contact_supplier.jpg) no-repeat;line-height:39px;}
.cominfo .contact .contact3 a:hover{ background:url(../images/contact_supplier001.jpg) no-repeat;}


.cominfo p{ color:#666666; font:12px 'Arial'; line-height:24px;}



/*lists*/
.lists{ width:960px; margin:40px auto; padding-bottom:30px;}
.lists .list_left{ width:200px; float:left;}
.lists .list_right{ width:740px; float:right; margin-left:20px;}
.lists .list_left .searchlist{ width:200px; height:28px; background:url(../images/searchlist.jpg) no-repeat;}
.lists .list_left .searchlist .textlist{ float:left; width:165px; height:28px; line-height:28px; border:none; background-color:transparent; text-indent:10px;}
.lists .list_left .searchlist .submitlist{ float:left; width:35px; height:28px; border:none; background-color:transparent; cursor:pointer;}

.lists .list_left .procate{ height:42px; width:200px; line-height:43px; border-bottom:1px dashed #cccccc;}
.lists .list_left .procate h6{ height:43px;color:#08497f; font:14px 'Arial'; font-weight:bold; background:url(../images/title_title.jpg) no-repeat left -3px ; line-height:43px; }

.pro_list{ width:200px; position:relative; z-index:998; margin-top:10px;}
/*-----------------JQ三级菜单------------*/
/*--------- 模块---------------- */
.mainProNav{ width:200px;position:relative;z-index:997;background:#fff;}
.mainProNav span{width:198px;display: block; z-index:99999;
	background:url(../images/pro_list_jiantou.jpg) no-repeat right center;
	border-bottom:1px dashed #999999;}
.mainProNav span a{ 
	display:block; 
	width:180px; 
	font:12px 'Arial'; 
	color:#666666; 
	line-height:30px;}
.mainProNav span a:hover{ color:#008c2e; text-decoration:underline;}
.mainProNavHover span a{ color:#008c2e; text-decoration:underline;}
.mainProNavHover{ border-right:none; border-top:1px solid #dbdbdb; background:#FFFFFF;margin-top:-1px; z-index:999}



.mainProNav .nav001{
	position: absolute;
	display:none;
	z-index:998;
	left: 200px;
	top: -1px;
	width: 400px;
	border: 1px solid #dbdbdb;
	background:#FFF;
	overflow: visible;
	border-top: 0px none;
	overflow: hidden;}

.mainProNav .nav001 .navM1{
	overflow: hidden;
	padding-left:15px;
	border-top: 1px solid #dedede;}
.mainProNav .nav001 .navM1 li{
	width: 400px;
	line-height: 28px;
	overflow:hidden;}
.mainProNav .nav001 .navM1 li a{
	 font:12px 'Arial'; color:#666666;
	line-height: 28px;}
.mainProNav .nav001 .navM1 li a:hover{
	color:#008c2e;
	 text-decoration:underline;}
.pro_list .navHover .nav001{ /*index中的pro——list*/
	display:block;
	z-index:9999;}	
.newslist_con .navHover .nav001{ /*news中的news——list*/
	display:block;
	z-index:9999;}	
.mainProNav span a.listson{ color:#008c2e; text-decoration:underline;}
/*end*/

/*links*/
.links{ width:200px; margin-top:30px;}
.links_title{ width:200px; height:45px; border-bottom:1px dashed #ccc; }
.links h6{ width:200px; height:46px;background:url(../images/title_title.jpg) no-repeat;color: #08497F;
	font: bold 14px/43px "Arial"; line-height:48px;}
.links .links_det ul li{ width:200px; height:30px;  border-bottom:1px dashed #999999;font-size:12px; line-height:30px; text-indent:10px; overflow:hidden;}


/*contact us*/
.contactus{ width:200px; margin-top:30px;}
.contactus .contact_title{ width:200px; height:43px; border-bottom:1px dashed #ccc; }
.contactus .contact_title h6{ float:left; width:150px; height:44px;background:url(../images/title_title.jpg) no-repeat left -2px; line-height:44px;}
.contactus .contact_title a{ display:block; width:45px; height:43px; float:right; background:url(../images/contactus.jpg) no-repeat;}
.contactus .contact_title a:hover{ background:url(../images/con_more1.jpg) no-repeat;}
.contactus .contact_det{ width:200px;}
.contactus .contact_det p{ font:12px 'Arial'; color:#474747;line-height:24px;}

/*share*/
.share{ width:200px; height:26px; overflow:hidden; margin-top:10px;}
.share a{ display:block; float:left; width:26px; height:26px; margin-right:4px;}
.share .share1{ background:url(../images/share01.gif) no-repeat;}
.share .share1:hover{ background:url(../images/share001.gif) no-repeat;}
.share .share2{ background:url(../images/share02.gif) no-repeat;}
.share .share2:hover{ background:url(../images/share002.gif) no-repeat;}
.share .share3{ background:url(../images/share03.gif) no-repeat;}
.share .share3:hover{ background:url(../images/share003.gif) no-repeat;}
.share .share4{ background:url(../images/share04.gif) no-repeat;}
.share .share4:hover{ background:url(../images/share004.gif) no-repeat;}
.share .share5{ background:url(../images/share05.gif) no-repeat;}
.share .share5:hover{ background:url(../images/share005.gif) no-repeat;}
.share .share6{ background:url(../images/share06.gif) no-repeat;}
.share .share6:hover{ background:url(../images/share006.gif) no-repeat;}


/*pro_show*/
.list_right .pro_show_title{ width:740px; height:29px; border-bottom:1px dashed #ccc;}
.list_right .pro_show_title h6{ float:left; font:14px 'Arial'; font-weight:bold; color:#08497f; height:30px; line-height:29px;background:url(../images/title_title.jpg) no-repeat left -16px;}
.list_right .pro_show_title .ppaa{ display:block; float:right; width:42px; height:29px; background:url(../images/pro_show_more.jpg) no-repeat;}
.list_right .pro_show_title .ppaa:hover{ background:url(../images/pro_more1.jpg) no-repeat;}
.list_right .pro_show{ width:740px; position:relative;}
.list_right .pro_show .product{ float:left; width:185px; height:285px;}
.list_right .pro_show .product img{ width:185px; height:240px;}
.list_right .pro_show .product h6{ font:12px 'Arial'; color:#08497f; width:185px;}
.list_right .pro_show .product h6:hover{color:#008c2e;}
.list_right .pro_show .product p{ font:12px 'Arial'; color:#666666; width:185px;}
.list_right .pro_show .product p:hover{color:#008c2e;}

/*news center*/
.list_right .news_center{ margin-top:20px;}
.news_center .news_title{width:740px; height:29px; border-bottom:1px dashed #ccc;}
.news_center .news_title h6{ float:left;font:14px 'Arial'; font-weight:bold; color:#08497f; height:30px; line-height:29px;background:url(../images/title_title.jpg) no-repeat left -16px; }
.news_center .news_title .aa{ display:block; float:right; width:42px; height:29px; background:url(../images/pro_show_more.jpg) no-repeat;}
.news_center .news_title .aa:hover{ background:url(../images/pro_more1.jpg) no-repeat;}
.news_center .news{ width:740px; overflow:hidden}
.news_center .news ul{ margin-top:15px;}
.news_center .news ul li{font:12px 'Arial'; color:#666666; text-indent:15px; width:740px; height:29px; line-height:29px; background:url(../images/news_centerlists.jpg) no-repeat;}
.news_center .news ul li span{ float:right;font:12px 'Arial'; color:#999999;}

/*online*/
.online{ margin-top:20px;}
.online .online_title{ width:740px; height:29px;border-bottom:1px dashed #ccc;}
.online .online_title h6{font:14px 'Arial'; font-weight:bold; color:#08497f; height:30px; line-height:29px;background:url(../images/title_title.jpg) no-repeat left -16px; }
.online_message{ margin-top:20px;}
.online_message .message_tlak{}
.message_tlak .talk{ float:left; height:264px; margin-left:26px;}
.message_tlak .talk h6{ font:12px 'Arial'; color:#666666; line-height:35px;}
.message_tlak .talk .talkone{ width:180px; height:46px; margin-top:10px;}
.message_tlak .talk .talkone .onlineimg{ float:left; width:42px; height:46px;}
.message_tlak .talk .talkone .talkright{ float:left; width:125px; height:46px; line-height:30px; margin-left:12px;font:12px 'Arial'; color:#666666;}
.message_tlak .talk .talkone .talkright img{ width:16px; height:16px;}
.message_tlak .talk .talkone .talkright p{line-height:20px;}
.message_tlak .talk .talkone .talkright a{ font:12px 'Arial'; line-height:30px; color:#2f6491;}
.red{ font-size:12px; color:#F00;}
.online_message .message_tlak .message_text{ float:left; height:264px;}
.online_message .message_tlak .message_text table tr th{text-align:right; width:100px;}
.online_message .message_tlak .message_text table tr th label{ font:12px 'Arial'; color:#666666;}
.online_message .message_tlak .message_text table tr td input{ border:1px solid #dddddd; width:371px; height:30px;font:12px 'Arial'; color:#999999; text-indent:10px;}

.online_message .message table tr th{text-align:right; width:100px;}
.online_message .message table tr th label{font:12px 'Arial'; color:#666666;}
.online_message .message table tr td textarea{border:1px solid #dddddd; min-width:578px;*width:578px; min-height:134px;*height:134px; font:12px 'Arial'; color:#999999; text-indent:10px; line-height:22px;}
.online_message .message table tr td .submit{ border:none; width:70px; height:30px; background:#2f6491; font:12px 'Arial'; color:#ffffff; cursor:pointer;}








/* 返回顶部 */
/**html{background-image:url(about:blank);background-attachment:fixed;}*//*解决IE6下滚动抖动的问题*/
/*解决IE6下不兼容 position:fixed 的问题*//*
#bcode,#bcode_hover,#gotop{width:36px; height:48px; background:url(../images/totop.png) no-repeat; position:fixed; right:50px; cursor:pointer; _position:absolute;_bottom:auto; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); z-index:200;}
#bcode{background-position:-276px -258px; bottom:120px; _margin-bottom:120px;}
#bcode_hover{background-position:-316px -258px; bottom:120px; _margin-bottom:120px;}
#gotop{background-position:-276px -310px; bottom:67px; _margin-bottom:67px;} 
#bcode_img{width:270px; height:355px; background:url(../images/totop.png) -4px -3px no-repeat; position:fixed; right:90px; bottom:67px; cursor:pointer; display:none; _position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); _margin-bottom:67px; z-index:200;}
*/

/*客服*/
.QQbox {Z-INDEX: 99; RIGHT: 0px; WIDTH: 178px; POSITION: absolute; TOP: 60px}
.QQbox .press {RIGHT: 0px; WIDTH: 41px; CURSOR: pointer; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; POSITION: absolute; HEIGHT: 96px; BORDER-BOTTOM-STYLE: none}
.QQbox .Qlist {BACKGROUND: url(../images/qq_listbg.gif) repeat-y -155px 0px; LEFT: 0px; WIDTH: 145px; POSITION: absolute}
.QQbox .Qlist .t {FONT-SIZE: 1px; FLOAT: right; WIDTH: 145px; HEIGHT: 6px}
.QQbox .Qlist .b {FONT-SIZE: 1px; FLOAT: right; WIDTH: 145px; HEIGHT: 6px}
.QQbox .Qlist .t {BACKGROUND: url(../images/qq_listbg.gif) no-repeat left 50%}
.QQbox .Qlist .b {BACKGROUND: url(../images/qq_listbg.gif) no-repeat right 50%}
.QQbox .Qlist .con {BACKGROUND: #fff; MARGIN: 0px auto; WIDTH: 90%}
.QQbox .Qlist .con H2 {BORDER-RIGHT: #3a708d 1px solid; BORDER-TOP: #3a708d 1px solid; BACKGROUND: url(../images/qq_listbg.gif) repeat-y -163px 0px; FONT: bold 12px/22px "宋体"; BORDER-LEFT: #3a708d 1px solid; COLOR: #fff; BORDER-BOTTOM: #3a708d 1px solid; HEIGHT: 26px; TEXT-ALIGN: center; text-align:left;}
.QQbox .Qlist .con UL {padding:6px 4px;}
.QQbox .Qlist .con UL LI {PADDING-RIGHT: 0px; PADDING-LEFT: 8px; BACKGROUND: #ffffff; PADDING-BOTTOM: 0px; PADDING-TOP: 5px; HEIGHT: 20px}
.QQbox .Qlist .con UL LI.odd {BACKGROUND: #fff}
.QQbox .Qlist .con UL LI a:hover{text-decoration:none;}
.QQbox .Qlist img{vertical-align:middle;}





/*底部about us product center contact us*/
.threecate{ width:1000px; height:160px; background:#FFF; margin:0 auto 40px auto;}
.about_us{ float:left; height:118px; width:130px; margin:20px 0 0 21px;}
.about_us h6{ font:14px 'Arial'; color:#08497f; font-weight:bold; line-height:28px;}
.about_us ul li{ background:url(../images/lianxi-apt.jpg) no-repeat; height:20px; line-height:20px; padding-left:13px;}
.about_us ul li a{ font:12px 'Arial'; color:#555555;}
.about_us ul li a:hover{ color:#008c2e;}
.pro_center{float:left; height:118px; width:689px;*width:679px;margin:20px 0 0 0; background:url(../images/dibuxiantiao.jpg) no-repeat; padding-left:21px;}
.pro_center h6{ font:14px 'Arial'; color:#08497f; font-weight:bold; line-height:28px;}
.pro_center ul{ float:left; width:220px; width:200px;}
.pro_center ul li{background:url(../images/lianxi-apt.jpg) no-repeat; height:20px; line-height:20px; padding-left:13px; }
.pro_center ul li a{ font:12px 'Arial'; color:#555555;}
.pro_center ul li a:hover{ color:#008c2e;}
.contact_us{float:left; height:118px;margin:20px 0 0 0; background:url(../images/dibuxiantiao.jpg) no-repeat; padding-left:21px; *padding-left:11px;}
.contact_us h6{ font:14px 'Arial'; color:#08497f; font-weight:bold; line-height:28px;}
.contact_us ul li{ background:url(../images/lianxi-apt.jpg) no-repeat; height:20px; line-height:20px; padding-left:13px;}
.contact_us ul li a{ font:12px 'Arial'; color:#555555;}
.contact_us ul li a:hover{ color:#008c2e;}


/*footer*/
.footer{ width:100%; margin:0 auto; background:#131313; height:110px;}
.foot_c{ width:1000px; margin:0 auto;}
.foot_c p{ height:25px; line-height:25px; font:12px 'Arial'; color:#666666; text-align:center;}
